<template>
    <div class="tech-forum">
      <!-- 顶部导航栏 -->
      <NavBar />
  
      <!-- 主要内容区 -->
      <main class="forum-main">
        <div class="main-container">
          <!-- 热门问题内容将在这里显示 -->
        </div>
      </main>
    </div>
  </template>
  
  <script>
  import NavBar from '@/components/NavBar.vue';
  
  export default {
    components: {
      NavBar
    }
  }
  </script>
  
  <style scoped>
  /* 保持与layout.vue一致的样式 */
  .tech-forum {
    font-family: 'Segoe UI', Arial, sans-serif;
    color: #333;
    background-color: #f8f9fa;
    min-height: 100vh;
  }
  
  .forum-main {
    max-width: 1200px;
    margin: 20px auto;
    padding: 0 20px;
  }
  
  .main-container {
    display: flex;
  }
  </style>